<style lang='scss' scoped>
.message_details {
    width: 100%;
    height: 99.9%;
    overflow: auto;
    font-size: 0.8rem;
    .message_details_box {
        padding: 0.8rem;
        .title {
            font-family: "嘿嘿嘿 Normal";
            font-size: 1.2rem;
            text-align: center;
            margin-bottom: 1rem;
        }
        .time {
            text-align: right;
            margin-top: 1rem;
            .text {
                color: #999;
            }
        }
    }
}
</style>

<template>
    <view class='message_details'>
        <u-navbar title="通知详情"> </u-navbar>
        <view class="message_details_box">
            <view class="title">
                {{state.message_details?.title}}
            </view>
            <view class="P" v-html="state.message_details?.big_content"></view>
            <view class="time">
                <view class="text">
                    {{ state.message_details?.create_time }}
                </view>
            </view>
        </view>
    </view>
</template>

<script setup lang='ts'>
import { reactive, ref } from "vue";
import { onLoad, onShow } from "@dcloudio/uni-app";
const state = reactive<{
    message_details: object;
}>({
    message_details: {},
});
onLoad(() => {});
onShow(() => {
    state.message_details = uni.getStorageSync("message_details") || {};
});
</script>